/* stylelint-disable selector-max-id */

/**
 * Notifications
 */

#wpnc-panel {
	position: fixed;
	top: 47px;
	right: 0;
	bottom: 0;
	min-width: 400px;

	@include breakpoint-deprecated( '<660px' ) {
		width: 100%;
		min-width: 0;
	}

	&.wpnt-open {
		right: 0;
		transition: all 0.15s cubic-bezier( 0.075, 0.82, 0.165, 1 );
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
	}

	&.wpnt-closed {
		visibility: hidden;
		right: -400px;
		opacity: 0;
		pointer-events: none;
		transition: all 0.15s cubic-bezier( 0.075, 0.82, 0.165, 1 );
	}

	&.wpnc__main .wpnc__time-group-title.fixed {
		top: 85px;
	}

	&.wpnc__main .wpnc__single-view {
			left: inherit;
			width: 400px;

			@include breakpoint-deprecated( '<800px' ) {
		    	left: 0;
				width: auto;
		  }
	}

	@include breakpoint-deprecated( '<800px' ) {
		&.wpnc__main header {
			top: 47px;
		}
	}
}

#wpnc-panel.wide {
	border-left: 0;
	box-shadow: none;
}

html.touch #wpnc-panel {
	-webkit-overflow-scrolling: touch;
}
